$(function () {

  // 1- 表单校验功能 
  // 用户名：  非空 2-6位 
  // 密码:  非空  6-12 

  $('.login-form').bootstrapValidator({
    //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
    excluded: [':disabled', ':hidden', ':not(:visible)'],

    //2. 指定校验时的图标显示，默认是bootstrap风格
    feedbackIcons: {
      valid: 'glyphicon glyphicon-ok',
      invalid: 'glyphicon glyphicon-remove',
      validating: 'glyphicon glyphicon-refresh'
    },

    // 3-表单校验规则 
    // fields 字段  一个数据
    // 指定要校验字段（数据） 
    fields: {
      // 根据表单name属性进行校验 
      username: {
        // 校验规则
        validators: {
          // 非空
          notEmpty: {
            message: '用户名不能为空！'
          },
          // 长度校验
          stringLength: {
            min: 2,
            max: 6,
            message: '用户名必须是2-6位'
          },
          // 拓展提示信息
          callback: {
            message: '用户名不存在'
          }


        }
      },
      password: {
        // 校验规则
        validators: {
          // 非空
          notEmpty: {
            message: '密码不能为空！'
          },
          // 长度校验
          stringLength: {
            min: 6,
            max: 12,
            message: '密码必须是6-12位'
          },
          //拓展一个规则 
          callback: {
            message: '密码错误'
          }
          // callback1: (function (条件) {
          //   if (条件) {
          //     return {
          //       message: '密码错误1'
          //     }  
          //   } else {
          //     return {
          //       message: '密码错误2'
          //     }
          //   }
          // })()
        }
      }
    }
  })

  // 2- 点击重置按钮，重置表单的数据和 重置表单校验样式 
  $('.btn-reset').click(function () {
    // 通过表单校验插件实例对象，去调用插件中方法 
    $('.login-form').data('bootstrapValidator').resetForm();
  })

  // 3- 用户登陆功能
  // 1- 点击登陆按钮，获取表单数据， 在表单数据校验通过的情况下，向后台发送请求
  // 2- 获取后台返回登陆结果， 
  //     登陆成功： 跳转到首页 
  //     登陆失败： 提示错误信息，重新登陆 

  // $('.btn-login').click(function () {
  //   if (表单数据合理) {
  //     //向后台发送请求 
  //     .....
  //   }
  // })

  // 表单校验插件中， 提供 success.form.bv 事件， 在用户点击提交按钮，并且数据校验通过的情况下触发 

  $('.login-form').on('success.form.bv', function (e) {
    // 阻止提交按钮的默认行为
    e.preventDefault();
    // 把用户信息通过ajax发送给后台，进行登陆验证 $aj 
    $.ajax({
      type: 'post',
      url: '/employee/employeeLogin',
      data: $('.login-form').serialize(),
      dataType: 'json',
      success: function (res) {
        console.log(res);
        if (res.success) {
          //登陆成功
          //跳转去首页 
          location.href = 'index.html';
        }
        if (res.error == 1000) {
          // alert('用户名错误');
          // 将用户名状态 有成功改为失败， 提示错误原因 
          $('.login-form').data('bootstrapValidator').updateStatus('username', 'INVALID', 'callback');
        }
        if (res.error == 1001) {
          // alert('密码错误');
          // 将密码状态 有成功改为失败， 提示错误原因 
          $('.login-form').data('bootstrapValidator').updateStatus('password', 'INVALID', 'callback');
        }
      }
    })
  });





});